const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');

module.exports = {
    entry: './src/app.js',
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'main.js'
    },
    plugins: [
        // 插件没有配置的时候，webpack会帮我们生成一个空的index.html文件，并且使用script标签加载打包的js文件 
        // new HtmlWebpackPlugin({
            
        // })

        // 插件配置之后，webpack会以src/index.html为模板，帮我们生成一个index.html文件，并且使用script标签加载打包的js文件 
        new HtmlWebpackPlugin({
            filename: 'index.html',
            template: 'src/index.html'
        })
        
    ]
};
